<html>
  <head>
    <title>videoloverz</title>
    <link type="text/css" rel="stylesheet" href="css/main.css" />      
    <link type="text/css" rel="stylesheet" href="css/socialtv.css" />
		<script type="text/javascript" src="js/jquery.js"></script>    
    <script type="text/javascript" src="js/videoloverz.js"></script>
    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-21743700-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
  </head>
  <body>
    <h1 class="mainTitle">
          <a class="title jfloatl" href="http://videoloverz.com">videoloverz</a>
          <div class="details jfloatr">tv curated by ur friends | <a href="http://twitter.com/videoloverz" target="_blank">feedback</a> | <span id="fb-login-content"></span></div>
        </h1>
    <div id="content-region">
      <div id="logged-out-content" style="display: none"><a href="javascript:login()"><img src="images/fb-login.png"/></a></div>
      <div id="need-permissions-content" style="display: none">oopz, we need permission to access your news feed. <a href="javascript:login()">pretty plz?</a></div>      
      <div id="logged-in-content" style="display: none">
        <div id="loading-content" style="display: none">loading videoz...</div>
        <div id="controls" style="display: none">
          <a href="javascript:prev()">prev</a> | <a href="javascript:next()">next</a>
        </div>
        <div id="post-id"></div>
        <div id="iframe-container"></div>
        <div id="social-container" style="display: none">
          <div id="user-container">
            <div id="user-img"></div>
            <div class="float-container">
              <div id="user-name"></div>
              <div id="user-comment"></div>
              <div id="personalized-like-container"></div>
              <div id="personalized-comments-container"></div>
              <div class="float-container">
                <!-- <div id="add-a-comment" class="jfloatl"><a href="javascript:addComment()">Add a comment</a></div> -->
                <div id="like-container"></div>                
              </div>
            </div>
          </div>
          <div id="comments-container"></div>
        </div>
      </div>
    </div>
    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: appId, status: true, cookie: true,
                 xfbml: true});
        FB.getLoginStatus(onLoginStatus);
      };
      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
  </body>
</html>
